<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>分享靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">晒年化涨收益</h1>
</header>
<div class="mui-content">
    <div class="swiper-container assi-top">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img2.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img2.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(../images/assi/assi-img2.jpg)"></div>
        </div>
    </div>
    <div class="assi-bot c-pack">
    	<h4 class="assi-tit">请选择您喜欢的主题</h4>
        <ul class="assi-litimg mt10">
        	<li class="curr"><img src="../images/assi/assi-img1-s.jpg" alt="" /></li>
        	<li><img src="../images/assi/assi-img2-s.jpg" alt="" /></li>
        	<li><img src="../images/assi/assi-img1-s.jpg" alt="" /></li>
        	<li><img src="../images/assi/assi-img2-s.jpg" alt="" /></li>
        	<li><img src="../images/assi/assi-img1-s.jpg" alt="" /></li>
        	<li><img src="../images/assi/assi-img2-s.jpg" alt="" /></li>
        </ul>
        <a href="javascript:;" class="c-btn c-btn-red btn-radius-lit mt10 pt-share">晒晒我的年化收益</a>
        <div class="assi-tip mt10">
        	<p>在微信晒年化收益图，小伙伴长按识别二维码，就可以帮助你提升年化收益，快叫微信的小伙伴们帮忙吧！</p>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<link rel="stylesheet" href="../widget/swiper/css/swiper.min.css" type="text/css" />
<script type="text/javascript" src="../widget/swiper/js/swiper.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.mui-content').height($(window).height() - $('.mui-bar-nav').innerHeight());
});

var assiTop = new Swiper('.assi-top', {
	spaceBetween: 15,
	slidesPerView: 2,
	centeredSlides: true,
	grabCursor: true,
	on: {
		slideChange: function () {
		  $('.assi-litimg li').removeClass('curr').eq(this.activeIndex).addClass('curr');
		}
	},
});
assiTop.slideTo(1, 0);
$('.mui-content').on('click','.assi-litimg li',function(){
	var al = $(this).index();
	assiTop.slideTo(al, 300);
});
</script>
</body>
</html>